<template>
  <div>
    <div class="header head">
      <div class="wrap">
        <h1 class="logo"><a href="default.htm"><img src="~assets/images/logo.png" width="280" height="63"></a></h1>
        <ul class="meun_ul">
          <li class="head-nav-list2">
            <b-dropdown size="lg" variant="text" text="产品分类" toggle-class="icon_type" no-caret>
              <b-dropdown-item href="#">移动电源产品</b-dropdown-item>
              <b-dropdown-item href="#">音箱产品</b-dropdown-item>
              <b-dropdown-item href="#">电池产品</b-dropdown-item>
              <b-dropdown-item href="#">生活类产品</b-dropdown-item>
            </b-dropdown>
          </li>
          <li class="head-nav-list"><span class="shop-sch">商品检搜</span>
            <div class="sch_text">
              <input type="text" onkeypress="EnterPress(event)" onkeydown="EnterPress()">
              <button id="button"></button>
            </div>
          </li>
          <li class=" head-nav-list"><a href="page/about.html">关于我们</a></li>
          <li class=" head-nav-list"><a href="article/xswl.html">销售网络</a></li>
          <li class=" head-nav-list"><a href="page/jrwm.html">加入我们</a></li>
          <li class="last head-nav-list"><a href="article/cpsp.html">视频中心</a></li>
          <span class="language"><a href="default.htm">中文</a> / <a href="../en.iremax.hk/default.htm" target="_blank">English</a></span>
        </ul>
      </div>
    </div>
    <div>
      <b-carousel
        v-model="slide"
        :interval="4000"
        controls
        indicators
        background="#ababab"
        img-width="1024"
        img-height="450"
        style="text-shadow: 1px 1px 2px #333;"
        @sliding-start="onSlideStart"
        @sliding-end="onSlideEnd"
      >
        <!-- Text slides with image -->
        <b-carousel-slide
          caption="First slide"
          text="Nulla vitae elit libero, a pharetra augue mollis interdum."
          img-src="https://picsum.photos/1024/450/?image=52"
        />

        <!-- Slides with custom text -->
        <b-carousel-slide img-src="https://picsum.photos/1024/450/?image=54">
          <h1>Hello world!</h1>
        </b-carousel-slide>

        <!-- Slides with image only -->
        <b-carousel-slide img-src="https://picsum.photos/1024/450/?image=58" />

        <!-- Slides with img slot -->
        <!-- Note the classes .d-block and .img-fluid to prevent browser default image alignment -->
        <b-carousel-slide>
          <template #img>
            <img
              class="d-block img-fluid w-100"
              width="1024"
              height="450"
              src="https://picsum.photos/1024/450/?image=55"
              alt="image slot"
            >
          </template>
        </b-carousel-slide>

        <!-- Slide with blank fluid image to maintain slide aspect ratio -->
        <b-carousel-slide caption="Blank Image" img-blank img-alt="Blank image">
          <p>
            Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse eros felis, tincidunt
            a tincidunt eget, convallis vel est. Ut pellentesque ut lacus vel interdum.
          </p>
        </b-carousel-slide>
      </b-carousel>
    </div>
    <div class="mid mid_background1">
      <div class="wrap">
        <div class="head-top" style="margin-top: 128px">
          <ul>
            <li><a href="product/26.html">iPhone 7 / 7 Plus 保护壳</a></li>
            <li><a href="product/iphone6s/6plusbhk.html">iPhone 6 / 6s Plus 保护壳</a></li>
            <li><a href="product/ipadpt/bhk.html">iPad 保护壳</a></li>
            <li class="last">
              <a href="product/bhlcp.html">其他</a>
            </li>
          </ul>
          <span>数码保护类产品</span>
        </div>
        <div class="pro_list">
          <div class="item3">
            <div class="item1">
              <ul>
                <li>
                  <a href="product/detail/535.html">
                    <div class="pro-list-con">
                      <div class="pic">
                        <img src="include/upload/kind/image/20170425/20170425163808_2886.jpg" width="581" height="443">
                        <p><br><br><br>For iPhone 7 / 7Plus</p></div>
                      <div class="text">
                        <span>凯撒防窥系列 钢化膜</span>
                        <p>For iPhone 7 / 7Plus</p>
                      </div>
                      <i>凯撒防窥系列</i>
                    </div>
                  </a>
                </li>
                <li class="mg-right">
                  <div class="item2">
                    <ul>
                      <li>
                        <a href="product/detail/554.html">
                          <div class="pro-list-con">
                            <div class="pic">
                              <img src="include/upload/kind/image/20170525/20170525160348_3187.jpg" width="285" height="195">
                              <p><br><br><br>For iPhone 7 / 7Plus</p></div>
                            <div class="text">
                              <span>萌宠系列 刺绣手机壳</span>
                              <p>For iPhone 7 / 7Plus</p>
                            </div>
                            <i>萌宠系列</i>
                          </div>
                        </a>
                      </li>
                      <li class="mg-right">
                        <a href="product/detail/526.html">
                          <div class="pro-list-con">
                            <div class="pic">
                              <img src="include/upload/kind/image/20170412/20170412173730_3615.jpg" width="285" height="195">
                              <p><br><br><br>For iPhone 7 Plus</p></div>
                            <div class="text">
                              <span>倍能 移动电源背夹(7Plus)</span>
                              <p>For iPhone 7 Plus</p>
                            </div>
                            <i>3400mAh</i>
                          </div>
                        </a>
                      </li>
                      <li>
                        <a href="product/detail/514.html">
                          <div class="pro-list-con">
                            <div class="pic">
                              <img src="include/upload/kind/image/20170425/20170425184542_5108.jpg" width="285" height="195">
                              <p><br><br><br>For iPhone 7 / 7Plus</p></div>
                            <div class="text">
                              <span>横须贺 刺绣手机壳</span>
                              <p>For iPhone 7 / 7Plus</p>
                            </div>
                            <i>横须贺</i>
                          </div>
                        </a>
                      </li>
                      <li class="mg-right">
                        <a href="product/detail/540.html">
                          <div class="pro-list-con">
                            <div class="pic">
                              <img src="include/upload/kind/image/20170502/20170502183436_1493.jpg" width="285" height="195">
                              <p><br><br><br>For iPhone 7 / 7Plus</p></div>
                            <div class="text">
                              <span>玛蒂达 手机壳</span>
                              <p>For iPhone 7 / 7Plus</p>
                            </div>
                            <i>Mathilda</i>
                          </div>
                        </a>
                      </li>
                    </ul>
                  </div>
                </li>
              </ul>
            </div>
            <div class="clear" />
          </div>
          <div class="clear" />
          <div class="item3">
            <div class="item1">
              <ul>
                <li>
                  <div class="curr ">
                    <a href="product/detail/547.html">
                      <div class="pro-list-con">
                        <div class="pic">
                          <img src="include/upload/kind/image/20170518/20170518161749_0776.jpg" width="287" height="449">
                          <p><br><br><br>For Xiaomi Mi 6</p></div>
                        <div class="text">
                          <span>润眼系列 小米钢化玻璃膜</span>
                          <p>For Xiaomi Mi 6</p>
                        </div>
                        <i>润眼系列</i>
                      </div>
                    </a>
                  </div>
                  <div class="curr mg-right">
                    <a href="product/detail/513.html">
                      <div class="pro-list-con">
                        <div class="pic">
                          <img src="include/upload/kind/image/20170320/20170320192231_4707.jpg" width="287" height="449">
                          <p><br><br><br>For HUAWEI P10</p></div>
                        <div class="text">
                          <span>润眼系列 华为钢化玻璃膜</span>
                          <p>For HUAWEI P10</p>
                        </div>
                        <i>润眼系列</i>
                      </div>
                    </a>
                  </div>
                </li>
                <li class="mg-right">
                  <a href="product/detail/588.html">
                    <div class="pro-list-con" style="margin-bottom: 5px">
                      <div class="pic">
                        <img src="include/upload/kind/image/20170706/20170706150202_7317.jpg" width="581" height="198">
                        <p><br><br><br>For iPad Pro 10.5</p></div>
                      <div class="text">
                        <span>纯系列 iPad保护壳(10.5")</span>
                        <p>For iPad Pro 10.5</p>
                      </div>
                      <i>纯系列</i>
                    </div>
                  </a>
                  <a href="product/detail/534.html">
                    <div class="pro-list-con">
                      <div class="pic">
                        <img src="include/upload/kind/image/20170425/20170425161021_0185.jpg" width="581" height="198">
                        <p><br><br><br>For iPad & Tablet</p></div>
                      <div class="text">
                        <span>纯系列 iPad保护壳</span>
                        <p>For iPad & Tablet</p>
                      </div>
                      <i>纯系列</i>
                    </div>
                  </a>
                </li>
              </ul>
            </div>
            <div class="clear" />
          </div>
          <div class="clear" />
        </div>

        <div class="head-top">
          <ul>
            <li><a href="product/lyyxx.html">蓝牙音箱</a></li>
            <li><a href="product/lyej.html">蓝牙耳机</a></li>
            <li><a href="product/tdej.html">头戴耳机</a></li>
            <li class="last">
              <a href="product/yplcp.html">其他</a>
            </li>
          </ul>
          <span>数码音频类产品</span>
        </div>
        <div class="pro_list">
          <div class="item1">
            <ul>
              <li>
                <a href="product/detail/577.html">
                  <div class="pro-list-con">
                    <div class="pic">
                      <img src="include/upload/kind/image/20170620/20170620152100_0587.jpg" width="581" height="196">
                      <p><br><br><br>RM-569</p></div>
                    <div class="text">
                      <span>RM-569 有线音乐耳机</span>
                      <p>RM-569</p>
                    </div>
                    <i>RM-569</i>
                  </div>
                </a>
              </li>
              <li class="mg-right">
                <a href="product/detail/492.html">
                  <div class="pro-list-con">
                    <div class="pic">
                      <img src="include/upload/kind/image/20170407/20170407145113_0683.jpg" width="581" height="196">
                      <p><br><br><br>RTS-10</p></div>
                    <div class="text">
                      <span>回音壁家庭影院音响</span>
                      <p>RTS-10</p>
                    </div>
                    <i>RTS-10</i>
                  </div>
                </a>
              </li>
            </ul>
          </div>
          <div class="clear" />
          <div class="item2">
            <ul>
              <li>
                <a href="product/detail/536.html">
                  <div class="pro-list-con">
                    <div class="pic">
                      <img src="include/upload/kind/image/20170620/20170620150649_0116.jpg" width="285" height="195">
                      <p><br><br><br>RB-S7</p></div>
                    <div class="text">
                      <span>RB-S7 运动蓝牙耳机</span>
                      <p>RB-S7</p>
                    </div>
                    <i>RB-S7</i>
                  </div>
                </a>
              </li>
              <li>
                <a href="product/detail/512.html">
                  <div class="pro-list-con">
                    <div class="pic">
                      <img src="include/upload/kind/image/20170620/20170620151106_3154.jpg" width="285" height="195">
                      <p><br><br><br>RM-575 Pro</p></div>
                    <div class="text">
                      <span>RM-575 Pro 入耳式耳机</span>
                      <p>RM-575 Pro</p>
                    </div>
                    <i>RM-575 Pro</i>
                  </div>
                </a>
              </li>
              <li>
                <a href="product/detail/519.html">
                  <div class="pro-list-con">
                    <div class="pic">
                      <img src="include/upload/kind/image/20170406/20170406172423_5878.jpg" width="285" height="195">
                      <p><br><br><br>RB-M15</p></div>
                    <div class="text">
                      <span>M15 便携式布艺蓝牙音箱</span>
                      <p>RB-M15</p>
                    </div>
                    <i>RB-M15</i>
                  </div>
                </a>
              </li>
              <li class="mg-right">
                <a href="product/detail/585.html">
                  <div class="pro-list-con">
                    <div class="pic">
                      <img src="include/upload/kind/image/20170627/20170627162721_7600.jpg" width="285" height="195">
                      <p><br><br><br>RB-M20</p></div>
                    <div class="text">
                      <span>M20 金属蓝牙音箱</span>
                      <p>RB-M20</p>
                    </div>
                    <i>RB-M20</i>
                  </div>
                </a>
              </li>
            </ul>
          </div>
          <div class="clear" />
          <div class="item3">
            <div class="item1">
              <ul>
                <li>
                  <a href="product/detail/558.html">
                    <div class="pro-list-con">
                      <div class="pic">
                        <img src="include/upload/kind/image/20170526/20170526182852_9110.jpg" width="581" height="443">
                        <p><br><br><br>RM-500HB</p></div>
                      <div class="text">
                        <span>RM-500HB 音乐蓝牙头戴耳机</span>
                        <p>RM-500HB</p>
                      </div>
                      <i>RM-500HB</i>
                    </div>
                  </a>
                </li>
                <li class="mg-right">
                  <div class="item2">
                    <ul>
                      <li>
                        <a href="product/detail/321.html">
                          <div class="pro-list-con">
                            <div class="pic">
                              <img src="include/upload/kind/image/20170310/20170310142406_0059.jpg" width="285" height="195">
                              <p><br><br><br>RB-S6</p></div>
                            <div class="text">
                              <span>悟空系列 颈戴式蓝牙耳机</span>
                              <p>RB-S6</p>
                            </div>
                            <i>RB-S6</i>
                          </div>
                        </a>
                      </li>
                      <li class="mg-right">
                        <a href="product/detail/501.html">
                          <div class="pro-list-con">
                            <div class="pic">
                              <img src="include/upload/kind/image/20170310/20170310110453_9582.jpg" width="285" height="195">
                              <p><br><br><br>RB-T15</p></div>
                            <div class="text">
                              <span>RB-T15 商务蓝牙耳机</span>
                              <p>RB-T15</p>
                            </div>
                            <i>RB-T15</i>
                          </div>
                        </a>
                      </li>
                      <li>
                        <a href="product/detail/212.html">
                          <div class="pro-list-con">
                            <div class="pic">
                              <img src="include/upload/kind/image/20160920/20160920191545_5033.jpg" width="285" height="195">
                              <p><br><br><br>RB-T11C</p></div>
                            <div class="text">
                              <span>RB-T11C 双USB车充蓝牙耳机</span>
                              <p>RB-T11C</p>
                            </div>
                            <i>RB-T11C</i>
                          </div>
                        </a>
                      </li>
                      <li class="mg-right">
                        <a href="product/detail/206.html">
                          <div class="pro-list-con">
                            <div class="pic">
                              <img src="include/upload/kind/image/20170310/20170310134647_8370.jpg" width="285" height="195">
                              <p><br><br><br>RB-T10</p></div>
                            <div class="text">
                              <span>RB-T10 智能蓝牙耳机</span>
                              <p>RB-T10</p>
                            </div>
                            <i>RB-T10</i>
                          </div>
                        </a>
                      </li>
                    </ul>
                  </div>
                </li>
              </ul>
            </div>

            <div class="clear" />
          </div>
          <div class="clear" />
        </div>
      </div>
    </div>
    <div class="mid mid_background2">
      <div class="wrap">
        <div class="head-top">
          <ul>
            <li><a href="product/yddy.html">移动电源</a></li>
            <li><a href="product/sjx.html">数据线</a></li>
            <li><a href="product/32.html">充电器</a></li>

            <li class="last">
              <a href="product/nylcp.html">其他</a>
            </li>
          </ul>
          <span>数码能源类产品</span>
        </div>

        <div class="pro_list">
          <div class="item1">
            <ul>
              <li>
                <a href="product/detail/504.html">
                  <div class="pro-list-con">
                    <div class="pic">
                      <img src="include/upload/kind/image/20170407/20170407144226_3615.jpg" width="581" height="196">
                      <p><br><br><br>RPP-59</p></div>
                    <div class="text">
                      <span>酷客 移动电源</span>
                      <p>RPP-59</p>
                    </div>
                    <i>RPP-59</i>
                  </div>
                </a>
              </li>
              <li class="mg-right">
                <a href="product/detail/310.html">
                  <div class="pro-list-con">
                    <div class="pic">
                      <img src="include/upload/kind/image/20170425/20170425155848_2888.jpg" width="581" height="196">
                      <p><br><br><br>GT-100</p></div>
                    <div class="text">
                      <span>120GB 移动固态硬盘</span>
                      <p>GT-100</p>
                    </div>
                    <i>GT-100</i>
                  </div>
                </a>
              </li>
            </ul>
          </div>
          <div class="clear" />
          <div class="item2">
            <ul>
              <li>
                <a href="product/detail/589.html">
                  <div class="pro-list-con">
                    <div class="pic">
                      <img src="include/upload/kind/image/20170706/20170706144854_6243.jpg" width="285" height="195">
                      <p><br><br><br>RPP-61</p></div>
                    <div class="text">
                      <span>科罗拉 移动电源</span>
                      <p>RPP-61</p>
                    </div>
                    <i>RPP-61</i>
                  </div>
                </a>
              </li>
              <li>
                <a href="product/detail/579.html">
                  <div class="pro-list-con">
                    <div class="pic">
                      <img src="include/upload/kind/image/20170626/20170626111833_5264.jpg" width="285" height="195">
                      <p><br><br><br>RPP-17</p></div>
                    <div class="text">
                      <span>磁盘 移动电源</span>
                      <p>RPP-17</p>
                    </div>
                    <i>RPP-17</i>
                  </div>
                </a>
              </li>
              <li>
                <a href="product/detail/532.html">
                  <div class="pro-list-con">
                    <div class="pic">
                      <img src="include/upload/kind/image/20170425/20170425155340_3346.jpg" width="285" height="195">
                      <p><br><br><br>RX-807</p></div>
                    <div class="text">
                      <span>807 极速闪存U盘</span>
                      <p>RX-807</p>
                    </div>
                    <i>RX-807</i>
                  </div>
                </a>
              </li>
              <li class="mg-right">
                <a href="product/detail/533.html">
                  <div class="pro-list-con">
                    <div class="pic">
                      <img src="include/upload/kind/image/20170425/20170425154528_4261.jpg" width="285" height="195">
                      <p><br><br><br>RX-808</p></div>
                    <div class="text">
                      <span>808 极速闪存U盘</span>
                      <p>RX-808</p>
                    </div>
                    <i>RX-808</i>
                  </div>
                </a>
              </li>
            </ul>
          </div>
          <div class="clear" />
          <div class="item3">
            <div class="item1">
              <ul>
                <li>
                  <a href="product/detail/327.html">
                    <div class="pro-list-con">
                      <div class="pic">
                        <img src="include/upload/kind/image/20170418/20170418112345_0223.jpg" width="581" height="443">
                        <p><br><br><br>RE-XU2</p></div>
                      <div class="text">
                        <span>明系列 智能WiFi充电插座</span>
                        <p>RE-XU2</p>
                      </div>
                      <i>RE-XU2</i>
                    </div>
                  </a>
                </li>
                <li class="mg-right">
                  <div class="item2">
                    <ul>
                      <li>
                        <a href="product/detail/242.html">
                          <div class="pro-list-con">
                            <div class="pic">
                              <img src="include/upload/kind/image/20160921/20160921201855_6481.jpg" width="285" height="195">
                              <p><br><br><br>RC-043i / RC-043m</p></div>
                            <div class="text">
                              <span>骑士 USB数据线</span>
                              <p>RC-043i / RC-043m</p>
                            </div>
                            <i>RC-043i / RC-043m</i>
                          </div>
                        </a>
                      </li>
                      <li class="mg-right">
                        <a href="product/detail/241.html">
                          <div class="pro-list-con">
                            <div class="pic">
                              <img src="include/upload/kind/image/20160921/20160921202124_5425.jpg" width="285" height="195">
                              <p><br><br><br>RC-035i / RC-035m</p></div>
                            <div class="text">
                              <span>雷蛇 USB数据线</span>
                              <p>RC-035i / RC-035m</p>
                            </div>
                            <i>RC-035i / RC-035m</i>
                          </div>
                        </a>
                      </li>
                      <li>
                        <a href="product/detail/319.html">
                          <div class="pro-list-con">
                            <div class="pic">
                              <img src="include/upload/kind/image/20161109/20161109173222_5F4045.jpg" width="285" height="195">
                              <p><br><br><br>RC-054i</p></div>
                            <div class="text">
                              <span>线王 锌合金数据线</span>
                              <p>RC-054i</p>
                            </div>
                            <i>RC-054i</i>
                          </div>
                        </a>
                      </li>
                      <li class="mg-right">
                        <a href="product/detail/496.html">
                          <div class="pro-list-con">
                            <div class="pic">
                              <img src="include/upload/kind/image/20170310/20170310135019_3090.jpg" width="285" height="195">
                              <p><br><br><br>RC-070th</p></div>
                            <div class="text">
                              <span>帕莱斯 三合一数据线</span>
                              <p>RC-070th</p>
                            </div>
                            <i>RC-070th</i>
                          </div>
                        </a>
                      </li>
                    </ul>
                  </div>
                </li>
              </ul>
            </div>

            <div class="clear" />
          </div>
          <div class="clear" />
        </div>
        <div class="head-top">
          <ul>
            <li><a href="product/29.html">居家</a></li>
            <li><a href="product/fzsb.html">户外</a></li>
            <li><a href="product/31.html">智能</a></li>
            <li class="last">
              <a href="product/cysh.html">其他</a>
            </li>
          </ul>
          <span>创意生活类产品</span>
        </div>

        <div class="pro_list">
          <div class="item3">
            <div class="item1">
              <ul>
                <li>
                  <a href="product/detail/549.html">
                    <div class="pro-list-con">
                      <div class="pic">
                        <img src="include/upload/kind/image/20170519/20170519161006_1251.jpg" width="581" height="443">
                        <p><br><br><br>SD-02</p></div>
                      <div class="text">
                        <span>SD-02 微型防水运动摄影机</span>
                        <p>SD-02</p>
                      </div>
                      <i>SD-02</i>
                    </div>
                  </a>
                </li>
                <li class="mg-right">
                  <div class="item2">
                    <ul>
                      <li>
                        <a href="product/detail/524.html">
                          <div class="pro-list-con">
                            <div class="pic">
                              <img src="include/upload/kind/image/20170519/20170519154814_5630.jpg" width="285" height="195">
                              <p><br><br><br>RBW-W2</p></div>
                            <div class="text">
                              <span>W2 智能运动手环</span>
                              <p>RBW-W2</p>
                            </div>
                            <i>RBW-W2</i>
                          </div>
                        </a>
                      </li>
                      <li class="mg-right">
                        <a href="product/detail/551.html">
                          <div class="pro-list-con">
                            <div class="pic">
                              <img src="include/upload/kind/image/20170520/20170520170254_7085.jpg" width="285" height="195">
                              <p><br><br><br>RMBW-W1</p></div>
                            <div class="text">
                              <span>小萌宝 儿童智能手表</span>
                              <p>RMBW-W1</p>
                            </div>
                            <i>RMBW-W1</i>
                          </div>
                        </a>
                      </li>
                      <li>
                        <a href="product/detail/490.html">
                          <div class="pro-list-con">
                            <div class="pic">
                              <img src="include/upload/kind/image/20170118/20170118145033_6755.jpg" width="285" height="195">
                              <p><br><br><br>RT-IG01</p></div>
                            <div class="text">
                              <span>乐活系列 智能水杯</span>
                              <p>RT-IG01</p>
                            </div>
                            <i>RT-IG01</i>
                          </div>
                        </a>
                      </li>
                      <li class="mg-right">
                        <a href="product/detail/172.html">
                          <div class="pro-list-con">
                            <div class="pic">
                              <img src="include/upload/kind/image/20170411/20170411110447_8689.jpg" width="285" height="195">
                              <p><br><br><br>RT-S1</p></div>
                            <div class="text">
                              <span>智能健康秤</span>
                              <p>RT-S1</p>
                            </div>
                            <i>RT-S1</i>
                          </div>
                        </a>
                      </li>
                    </ul>
                  </div>
                </li>
              </ul>
            </div>
            <div class="clear" />
          </div>
          <div class="clear" />
          <div class="item3">
            <div class="item1">
              <ul>
                <li>
                  <div class="curr ">
                    <a href="product/detail/262.html">
                      <div class="pro-list-con">
                        <div class="pic">
                          <img src="include/upload/kind/image/20161018/20161018143550_3745.jpg" width="287" height="449">
                          <p><br><br><br>RT-BC01</p></div>
                        <div class="text">
                          <span>乐行系列 体感平衡车</span>
                          <p>RT-BC01</p>
                        </div>
                        <i>RT-BC01</i>
                      </div>
                    </a>
                  </div>
                  <div class="curr mg-right">
                    <a href="product/detail/254.html">
                      <div class="pro-list-con">
                        <div class="pic">
                          <img src="include/upload/kind/image/20170310/20170310165502_3991.jpg" width="287" height="449">
                          <p><br><br><br>RT-EB01</p></div>
                        <div class="text">
                          <span>酷驰系列 便携折叠电动车</span>
                          <p>RT-EB01</p>
                        </div>
                        <i>RT-EB01</i>
                      </div>
                    </a>
                  </div>
                </li>
                <li class="mg-right">
                  <a href="product/detail/320.html">
                    <div class="pro-list-con" style="margin-bottom: 5px">
                      <div class="pic">
                        <img src="include/upload/kind/image/20170411/20170411110320_3519.jpg" width="581" height="198">
                        <p><br><br><br>RT-V03</p></div>
                      <div class="text">
                        <span>睿视系列 VR一体机</span>
                        <p>RT-V03</p>
                      </div>
                      <i>RT-V03</i>
                    </div>
                  </a>
                  <a href="product/detail/201.html">
                    <div class="pro-list-con">
                      <div class="pic">
                        <img src="include/upload/kind/image/20170310/20170310172129_4395.jpg" width="581" height="198">
                        <p><br><br><br>摄像头+补光灯</p></div>
                      <div class="text">
                        <span>爱拍系列 摄像头 (+补光灯) 套餐</span>
                        <p>摄像头+补光灯</p>
                      </div>
                      <i>爱拍系列</i>
                    </div>
                  </a>
                </li>
              </ul>
            </div>
            <div class="clear" />
          </div>
          <div class="clear" />
        </div>
      </div>
    </div>
    <div v-if="isScrollTop" class="btn-top" @click="pageScroll">
      <img src="~/assets/images/back-top.png">
    </div>
    <div class="footer">
      <div class="wrap0">
        <div class="ft">
          <div class="icon">
            <img src="skin/ruihe/images/ft_icon1.png">
          </div>
          <div class="lef">
            <p>
              <span style="line-height:2;">Shenzhen REMAX Co., Ltd. was established in 2008. REMAX is a sub-brand of Hong Kong Refine Industrial (Asia) Limited, full of passion, fashion, entertainment and enthusiasm. Young people are addicted to REMAX products due to its unique design.</span>
            </p>
            <p>
              <span style="line-height:2;">Nowadays, mobile phone is not just a simple tool for communication. It has been a pearl by which people could enjoy their beloved music, movie, game, camera etc. Such powerful artifacts need some related accessory to decorate. Starting from cherishing life and catching up the fashion, REMAX has manufactured such fantastic accessories as leather case, power bank, headphone, charger, screen protector, Bluetooth, Headset, speaker etc. to meet your individual requirements.</span>
            </p>
            <p>
              <span style="line-height:2;">REMAX has established a stable and long-term cooperation with internet clients, retailers and wholesalers all over the world. REMAX takes advantage of its products’ abundance and high quality to win the trust and approve from customers.</span>
            </p>
          </div>
          <div class="weixin">
            <img src="include/upload/kind/image/20161209/20161209094633_2098.jpg" width="234" height="253">
            <img src="include/upload/kind/image/20161209/20161209094146_3329.jpg" width="234" height="253">
          </div>
        </div>
        <p class="copyright">
          <a href="../www.miitbeian.gov.cn/default.htm" target="_blank" style="color:#fff">粤ICP备14071793号 </a>
          <a href="../www.ctmon.com/default.htm" target="_blank" style="color:#fff">技术支持: TRDEEP</a>
        </p>
        <script src="../pw.cnzz.com/c.php@id=1262755567&l=2" language="JavaScript" charset="gb2312" />
      </div>
    </div>
  </div>
</template>

<script>
export default {
  data () {
    return {
      slide: 0,
      sliding: null,
      screenWidth: 0,
      screenHeight: 0,
      scrolldelay: 0,
      isScrollTop: false
    }
  },
  mounted () {
    this.screenWidth = document.body.clientWidth
    this.screenHeight = document.body.clientHeight
    window.addEventListener('scroll', this.handleScroll, true)
    window.onresize = () => {
      return (() => {
        this.screenWidth = document.body.clientWidth
        this.screenHeight = document.body.clientHeight
      })()
    }
  },
  methods: {
    onSlideStart (slide) {
      this.sliding = true
    },
    onSlideEnd (slide) {
      this.sliding = false
    },
    handleScroll (e) {
      const scrollTop = e.target.documentElement.scrollTop || e.target.body.scrollTop
      this.isScrollTop = scrollTop !== 0
    },
    pageScroll () {
      window.scrollBy(0, -200)
      this.scrolldelay = setTimeout(() => this.pageScroll(), 10)
      const sTop = document.documentElement.scrollTop + document.body.scrollTop
      if (!sTop) {
        clearTimeout(this.scrolldelay)
      }
    }
  }
}
</script>

<style>
.head {
  top: 0;
  color: white;
  z-index: 99;
  position: -webkit-sticky;
  position: sticky;
}
</style>
